a{
	text-decoration:none;
}

body {
	margin:0px;
	padding:0px;
}
.total{
    height:100%;
    width:100%;
}
.picture{
    float:left;
    height:350px;
    width:220px;
    margin-top:100px;
}
.picture img {
    height:350px;
    width:220px;
}
.line1{
    float:left;
    margin-left:45px;
    margin-top:100px;
    background-color:#9ddce7;
    height:350px;
    width:3px;
}
.des1{
    margin-top:100px;
    margin-left:30px;
    float:left;
    width:350px;
    background-color:white;
    height:160px;
    border-bottom:3px black solid;
}
.name{
    margin-left:15px;
    margin-top:15px;
    background-color:#C0C0C0;
    border-radius:25px;
    width:80px;
    text-align:center;
    color:#505050;
    float:left;
    font-size:22px;
    font-family:楷体;
}
.name2{
    margin-top:15px;
    margin-left:3px;
    float:left;
    font-size:21px;
    font-family:楷体;
    width:180px;
    color:#505050;
}
.des11{
    clear:both;
    margin-left:15px;
    margin-top:15px;
    background-color:#C0C0C0;
    border-radius:25px;
    width:75px;
    height:20px;
    text-align:center;
    color:#505050;
    float:left;
    font-size:19px;
    font-family:楷体;
}
.des12{
    margin-top:15px;
    margin-left:3px;
    float:left;
    font-size:19px;
    font-family:楷体;
    width:200px;
    color:#505050;
}
.des2{
    margin-top:100px;
    float:left;
    width:350px;
    background-color:white;
    height:160px;
    border-bottom:3px black solid;
    border-right:3px black solid;
}
.first{
    margin-left:15px;
    margin-top:15px;
    background-color:#C0C0C0;
    border-radius:25px;
    width:140px;
    text-align:center;
    color:#505050;
    float:left;
    font-size:22px;
    font-family:楷体;
}
.first2{
    margin-top:15px;
    margin-left:3px;
    float:left;
    font-size:21px;
    font-family:楷体;
    width:180px;
    color:#505050;
}
.des201{
    clear:both;
    margin-left:15px;
    margin-top:15px;
    background-color:#C0C0C0;
    border-radius:25px;
    width:90px;
    height:20px;
    text-align:center;
    color:#505050;
    float:left;
    font-size:19px;
    font-family:楷体;
}
.des2012{
    margin-top:15px;
    margin-left:3px;
    float:left;
    font-size:19px;
    font-family:楷体;
    width:200px;
    color:#505050;
}
.des202{
    clear:both;
    margin-left:15px;
    margin-top:15px;
    background-color:#C0C0C0;
    border-radius:25px;
    width:90px;
    height:20px;
    text-align:center;
    color:#505050;
    float:left;
    font-size:19px;
    font-family:楷体;
}
.des2022{
    margin-top:15px;
    margin-left:3px;
    float:left;
    font-size:19px;
    font-family:楷体;
    width:200px;
    color:#505050;
}
.des203{
    clear:both;
    margin-left:15px;
    margin-top:15px;
    background-color:#C0C0C0;
    border-radius:25px;
    width:110px;
    height:20px;
    text-align:center;
    color:#505050;
    float:left;
    font-size:19px;
    font-family:楷体;
}
.des2032{
    margin-top:15px;
    margin-left:3px;
    float:left;
    font-size:19px;
    font-family:楷体;
    width:200px;
    color:#505050;
}
.content{
    float:left;
    margin-top:100px;
    width:100px;
}
.tips{
    background-color:pink;
    float:left;
    border:3px #be2f2f solid;
    border-radius:25px;
    margin-top:100px;
    margin-left:0px;
    width:200px;
    height:330px;
}
.top1{
    margin-top:15px;
    height:30px;
    width:100%;
    text-align:center;
    font-family:楷体;
    font-size:20px;
}
.top2{
    margin-top:10px;
    text-align:left;
    height:50px;
    width:100%;
    font-size:20px;
    font-family:楷体;
}
.content{
    float:left;
    width:385px;
    height:25px;
    margin-top:20px;
    margin-left:50px;
    font-family:楷体;
    font-size:20px;
}
.content2{
    float:left;
    width:900px;
    margin-top:20px;
    margin-left:50px;
    height:100px;
    font-family:楷体;
    font-size:20px;
}
.comment1{
    float:right;
    clear:both;
    margin-top:0px;
    background-color:#9ddce7;
    width:997px;
    height:3px;
}
.line2{
    float:left;
    margin-left:60px;
    margin-top:100px;
    background-color:#9ddce7;
    width:3px;
    height:500px;
}
.comment2{
    float:left;
    margin-left:0px;
    margin-top:100px;
    font-family:楷体;
    font-size:28px;
    width:950px;
    height:40px;
    background-color:#c29898;
    color:#505050;
    text-align:left;
}
.comment3{
    float:left;
    margin-top:30px;
    width:140px;
    color:#505050;
    height:35px;
    font-size:22px;
}
.maxlen{
    float:left;
    width:300px;
    font-size:16px;
    margin-top:30px;
    text-align:left;
    padding-top:6px;
    color:#A0A0A0;
}
.comment4{
    width:950px;
    float:left;
}
.text1{
    width:950px;
    height:30px;
}
input::-webkit-input-placeholder{
    color:#7f54a7;
}
.comment5{
    float:left;
    margin-top:30px;
    width:180px;
    color:#505050;
    height:35px;
    font-size:22px;
}
.maxlen2{
    float:left;
    width:300px;
    font-size:16px;
    margin-top:30px;
    text-align:left;
    padding-top:6px;
    color:#A0A0A0;
}
.comment6{
    width:950px;
    float:left;
}
.text2{
    width:950px;
    height:30px;
}
.comment7{
    float:left;
    margin-top:30px;
    width:180px;
    color:#505050;
    height:35px;
    font-size:22px;
}
.maxlen3{
    float:left;
    width:300px;
    font-size:16px;
    margin-top:30px;
    text-align:left;
    padding-top:6px;
    color:#A0A0A0;
}
.comment8{
    width:950px;
    float:left;
}
.textarea1{
    height:40px;
    
    color:#7f54a7;
}